<!DOCTYPE html>
<html lang="zh_cn">
<head>
<#include "/common/_head.html" /> <#include "/common/_script.html" />
<script src="/assets/js/jquery.dataTables.js"></script>
<script src="/assets/js/jquery.dataTables.bootstrap.js"></script>
<script src="/assets/echarts/esl.js"></script>
</head>

<body class="no-skin">
	<#include "/common/_navbar.html" />
	<div class="main-container" id="main-container">
		<script type="text/javascript">
			try {
				ace.settings.check('main-container', 'fixed')
			} catch (e) {
			}
		</script>

		<#include "/common/_sidebar.html" />
		<div class="main-content">
			<div class="main-content-inner">
				<div class="page-content">
					<#include "/common/_settings.html" />
					<div class="page-header">
						<h1>
							实时数据 <small> <i class="ace-icon fa fa-angle-double-right"></i>
								现场数据 </small>
						</h1>
					</div>
					<!-- /.page-header -->
					<div class="row">
						<div class="col-xs-12" align="center">
							<h3>
								井口编号：王93-351井0813 &nbsp;&nbsp;&nbsp;&nbsp; 
								<a class="green" style='text-decoration:none;'>
									<i class="ace-icon fa fa-rss bigger-130"></i> 累计在线：6682h 
								</a>
							</h3>
						</div>
						<div class="col-xs-12">
							<div class="tabbable">
								<ul class="nav nav-tabs" id="myTab">
									<li class="active"><a data-toggle="tab"
										href="#well_messure"> <i
											class="green ace-icon fa fa-book bigger-120"></i> 井口测量值 </a>
									</li>

									<li class="dropdown"><a data-toggle="tab"
										href="#liquid_level"> <i
											class="green ace-icon fa  fa-bar-chart-o bigger-120"></i>
											动液面曲线 </a>
									</li>

									<li class="dropdown"><a data-toggle="tab"
										href="#set_pressure"> <i
											class="green ace-icon fa fa-barcode  bigger-120"></i> 套压曲线
									</a>
									</li>

									<button class="btn btn-sm btn-primary pull-right">远程测量启动</button>
								</ul>

								<div class="tab-content">
									<div id="well_messure" class="tab-pane fade in active">
										<!-- 包含井数据的表格页面 -->
										<#include "welldata.html" />
									</div>

									<div id="liquid_level" class="tab-pane fade"><#include
										"liquid_level.html" /></div>

									<div id="set_pressure" class="tab-pane fade"><#include
										"set_pressure.html" /></div>
								</div>
							</div>
						</div>
					</div>
					<#include "/common/_sidebar2.html" />
				</div>
				<!-- /.page-content -->
			</div>
		</div>
		<!-- /.main-content -->
		<#include "/common/_footer.html" />
	</div>
	<!-- /.main-container -->


	<!-- inline scripts related to this page -->
	<script type="text/javascript">
		jQuery(function($) { //控制侧边栏状态
			$("#menu_questionbank").addClass("active open");
			$("#menu_data").addClass("active");
		});
	</script>
</body>
</html>
